@charset "UTF-8";
@-webkit-keyframes move {}
em {
  font-style: normal; }

body {
  position: relative;
  resize: both;
  z-index: 0; }

.border-1 {
  left: 0;
  bottom: 0;
  border-top: 1px solid #f3f5f7;
  width: 100%;
  content: ''; }

.fl {
  float: left; }

.fr {
  float: right; }

.clearfloat::after {
  content: '';
  display: block;
  clear: both; }

i {
  font-style: normal; }

body {
  background: #f7f7f7 !important; }

html {
  font-size: 100%; }

.van-pull-refresh {
  -webkit-overflow-scroll: touch; }

.loadOver {
  padding: 15px 0;
  text-align: center;
  color: #999999;
  font-size: 14px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 0rem; }

#app {
  height: 100%;
  width: 100%;
  position: relative; }

.van-ellipsis {
  cursor: pointer; }

.index-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 25px;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  .index-data .mainimg {
    display: inline-block;
    max-height: 4.7333333333rem !important;
    cursor: pointer; }
  .index-data .van-swipe-item img {
    width: 10rem !important; }
  .index-data .mians .upimggroup {
    padding: 0.3733333333rem 0.2666666667rem;
    background: #fff; }
    .index-data .mians .upimggroup .topimg {
      display: flex;
      width: 9.4666666667rem;
      height: 2.6666666667rem;
      border-radius: 5px; }
      .index-data .mians .upimggroup .topimg img {
        border-radius: 5px;
        cursor: pointer; }
    .index-data .mians .upimggroup .downimg {
      display: inline-block;
      width: 4.5866666667rem;
      max-height: 2.4rem;
      margin-top: 0.2133333333rem; }
      .index-data .mians .upimggroup .downimg img {
        display: inline-block;
        max-height: 2.4rem;
        border-radius: 0.0666666667rem;
        cursor: pointer; }
    .index-data .mians .upimggroup .mright {
      margin-right: 0.2933333333rem; }
  .index-data .gray {
    width: auto;
    height: 0.2666666667rem;
    background: #f7f7f7 no-repeat; }
  .index-data .navlist {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .index-data .navlist .navdetaio {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 1.1733333333rem;
      background: none no-repeat;
      font-size: 0.4533333333rem;
      line-height: 1.1733333333rem;
      color: #333333; }
      .index-data .navlist .navdetaio span {
        position: relative; }
    .index-data .navlist .active {
      font-size: 0.4533333333rem;
      line-height: 1.1733333333rem;
      color: #FF8E9C; }
      .index-data .navlist .active span::after {
        position: absolute;
        content: "";
        clear: both;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0.0533333333rem;
        background: #FF8E9C no-repeat; }
  .index-data .tabgoods_new {
    background-color: #f7f7f7;
    padding: 0.2133333333rem 0 25px 0.2666666667rem;
    height: 100%;
    cursor: pointer; }
    .index-data .tabgoods_new .goodsgroup {
      margin-bottom: 0.4533333333rem;
      border-radius: 0.4rem;
      width: 9.4666666667rem;
      height: 8rem;
      background: #fff no-repeat;
      border-radius: 0.4rem;
      box-shadow: 0px 0.04rem 0.1333333333rem 0px rgba(0, 0, 0, 0.16);
      cursor: pointer; }
      .index-data .tabgoods_new .goodsgroup .mainImgUrl_group {
        position: relative;
        width: 9.4666666667rem;
        height: 4.8rem;
        background: none no-repeat; }
        .index-data .tabgoods_new .goodsgroup .mainImgUrl_group .tabgoods_new_img {
          width: 9.4666666667rem;
          height: 4.8rem;
          background: none no-repeat;
          border-radius: 0.4rem 0.4rem 0 0;
          cursor: pointer; }
        .index-data .tabgoods_new .goodsgroup .mainImgUrl_group .active_num {
          position: absolute;
          top: 3.8666666667rem;
          left: 0rem;
          z-index: 0;
          width: 3.4666666667rem;
          height: 0.6666666667rem;
          background: none no-repeat;
          font-size: 0.3733333333rem;
          line-height: 0.6666666667rem;
          color: #fff; }
          .index-data .tabgoods_new .goodsgroup .mainImgUrl_group .active_num img {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 0;
            width: 3.4666666667rem;
            height: 0.6666666667rem;
            background: none no-repeat; }
          .index-data .tabgoods_new .goodsgroup .mainImgUrl_group .active_num span {
            position: absolute;
            top: 0;
            display: inline-block;
            width: 3.4666666667rem;
            height: 0.6666666667rem;
            background: none no-repeat;
            letter-spacing: 0.0266666667rem;
            font-size: 0.3733333333rem;
            line-height: 0.6666666667rem;
            text-align: center;
            z-index: 1; }
      .index-data .tabgoods_new .goodsgroup .textgooods {
        width: 100%;
        height: 3.2rem;
        background: none no-repeat;
        position: relative; }
        .index-data .tabgoods_new .goodsgroup .textgooods strong {
          display: block;
          margin-top: 0.24rem;
          margin-left: 0.2666666667rem;
          font-size: 0.4266666667rem;
          line-height: 0.64rem;
          color: #333333;
          width: 8.9333333333rem;
          height: auto;
          background: none no-repeat;
          letter-spacing: 0.04rem;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .index-data .tabgoods_new .goodsgroup .textgooods .tabgoods_new_count {
          display: block;
          font-size: 0.32rem;
          line-height: 0.5333333333rem;
          color: #999;
          padding-left: 0.2666666667rem; }
        .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail {
          width: 9.2rem;
          height: 1.7866666667rem;
          background: none no-repeat;
          margin-top: 0.0266666667rem;
          margin-left: 0.2533333333rem; }
          .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_left {
            width: 4rem;
            height: auto;
            background: none no-repeat; }
            .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_left b {
              display: block;
              font-size: 0.4rem;
              line-height: 1.7866666667rem;
              color: #FF8E9C;
              letter-spacing: -0.0133333333rem; }
              .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_left b span {
                display: inline-block;
                font-size: 0.4rem;
                line-height: 1.7866666667rem;
                color: #FF8E9C; }
              .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_left b span:nth-of-type(1) {
                padding-left: 0.08rem; }
            .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_left span {
              display: block;
              font-size: 0.2933333333rem;
              line-height: 0.56rem;
              color: #999999; }
          .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_right {
            width: 1.9466666667rem;
            height: 1.7866666667rem;
            background: none no-repeat;
            display: flex;
            flex-flow: column;
            margin-right: 0.2533333333rem;
            justify-content: center;
            cursor: pointer; }
            .index-data .tabgoods_new .goodsgroup .textgooods .goods_detail .goods_detail_right span {
              width: 1.9466666667rem;
              height: 0.6933333333rem;
              background: #FF8E9C no-repeat;
              border-radius: 0.6933333333rem;
              text-align: center;
              font-size: 0.3466666667rem;
              line-height: 0.6933333333rem;
              color: #fff;
              cursor: pointer; }
    .index-data .tabgoods_new .last {
      margin-bottom: 0; }
  .index-data .van-tab--active {
    color: #FF8E9C !important;
    font-weight: bold; }
  .index-data .van-ellipsis {
    font-size: 0.4533333333rem; }
  .index-data .tabgoods {
    background-color: #f7f7f7;
    padding: 0.2133333333rem 0 25px 0.2666666667rem;
    height: 100%; }
    .index-data .tabgoods .goodsgroup {
      width: 9.4666666667rem;
      height: 3.3866666667rem;
      background: #fff no-repeat;
      border-radius: 0.0666666667rem;
      position: relative;
      margin-bottom: 0.36rem;
      box-shadow: 0px 0.04rem 0.1333333333rem 0px rgba(0, 0, 0, 0.16);
      cursor: pointer; }
      .index-data .tabgoods .goodsgroup .showImg_group {
        position: relative;
        margin-top: 0.2133333333rem;
        margin-left: 0.2133333333rem;
        width: 2.96rem;
        height: 2.96rem;
        background: none no-repeat;
        display: flex; }
        .index-data .tabgoods .goodsgroup .showImg_group img:nth-of-type(1) {
          display: block;
          width: 2.96rem;
          height: 2.96rem;
          background: none no-repeat;
          cursor: pointer;
          border-radius: 0.0666666667rem; }
        .index-data .tabgoods .goodsgroup .showImg_group img:nth-of-type(2) {
          position: absolute;
          top: 0rem;
          left: 0rem;
          z-index: 0;
          width: 1.5733333333rem;
          height: 1.5733333333rem;
          background: none no-repeat; }
      .index-data .tabgoods .goodsgroup .textgooods {
        margin-top: 0.2133333333rem;
        margin-left: 0rem;
        width: 6.2933333333rem;
        height: 2.96rem;
        background: none no-repeat;
        position: relative; }
        .index-data .tabgoods .goodsgroup .textgooods .name_group {
          margin-top: 0.1333333333rem;
          margin-left: 0.2533333333rem;
          width: 5.8933333333rem;
          height: 1.0133333333rem;
          background: none no-repeat;
          overflow: hidden;
          white-space: pre-line;
          text-overflow: ellipsis; }
          .index-data .tabgoods .goodsgroup .textgooods .name_group .top_name {
            font-size: 0.4rem;
            line-height: 0.5066666667rem;
            color: #333333;
            color: #333333;
            word-break: break-all;
            letter-spacing: 0.0266666667rem;
            cursor: pointer;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; }
        .index-data .tabgoods .goodsgroup .textgooods .goods_detail {
          position: absolute;
          bottom: 0;
          width: 6.0266666667rem;
          height: 1.84rem;
          background: none no-repeat;
          margin-top: 0rem;
          margin-left: 0.2533333333rem; }
          .index-data .tabgoods .goodsgroup .textgooods .goods_detail .goods_detail_left {
            margin-top: 0.64rem;
            width: 3.8666666667rem;
            height: auto;
            background: none no-repeat; }
            .index-data .tabgoods .goodsgroup .textgooods .goods_detail .goods_detail_left b {
              display: block;
              font-size: 0.3733333333rem;
              line-height: 0.56rem;
              color: #FF8E9C;
              letter-spacing: -0.0133333333rem; }
              .index-data .tabgoods .goodsgroup .textgooods .goods_detail .goods_detail_left b span {
                position: relative;
                left: 0;
                display: inline-block;
                font-size: 0.3733333333rem;
                line-height: 0.56rem;
                color: #FF8E9C; }
              .index-data .tabgoods .goodsgroup .textgooods .goods_detail .goods_detail_left b span:nth-of-type(1) {
                padding-left: 0.08rem; }
            .index-data .tabgoods .goodsgroup .textgooods .goods_detail .goods_detail_left span {
              display: block;
              font-size: 0.2933333333rem;
              line-height: 0.56rem;
              color: #999999; }
          .index-data .tabgoods .goodsgroup .textgooods .goods_detail .goods_detail_right {
            width: 1.9466666667rem;
            height: 1.12rem;
            background: none no-repeat;
            position: absolute;
            top: 0.64rem;
            right: 0;
            display: flex;
            flex-flow: column;
            margin-right: 0.2533333333rem;
            justify-content: center;
            cursor: pointer; }
            .index-data .tabgoods .goodsgroup .textgooods .goods_detail .goods_detail_right span {
              width: 1.9466666667rem;
              height: 0.6933333333rem;
              background: #FF8E9C no-repeat;
              border-radius: 0.6933333333rem;
              text-align: center;
              font-size: 0.3466666667rem;
              line-height: 0.6933333333rem;
              color: #fff;
              cursor: pointer; }
            .index-data .tabgoods .goodsgroup .textgooods .goods_detail .goods_detail_right em {
              font-weight: normal;
              text-align: center;
              font-size: 0.3466666667rem;
              line-height: 1.3333333333rem;
              color: #303030;
              cursor: pointer; }
        .index-data .tabgoods .goodsgroup .textgooods .goods_detail_clone {
          margin-top: 0.1333333333rem;
          margin-left: 0.2533333333rem;
          padding-right: 0.2666666667rem;
          position: relative;
          height: 1.52rem; }
          .index-data .tabgoods .goodsgroup .textgooods .goods_detail_clone .goods_detail_tio .currentPrice {
            display: block;
            height: 0.5066666667rem;
            font-weight: bold;
            font-size: 0.2933333333rem;
            line-height: 0.5066666667rem;
            color: #FF8E9C; }
            .index-data .tabgoods .goodsgroup .textgooods .goods_detail_clone .goods_detail_tio .currentPrice span:nth-of-type(1) {
              font-weight: bold;
              font-size: 0.3733333333rem;
              line-height: 0.48rem;
              color: #FF8E9C;
              padding-left: 0.1066666667rem; }
            .index-data .tabgoods .goodsgroup .textgooods .goods_detail_clone .goods_detail_tio .currentPrice span:nth-of-type(2) {
              font-size: 0.3733333333rem;
              line-height: 0.48rem;
              color: #FF8E9C;
              font-weight: bold;
              letter-spacing: -0.0266666667rem; }
          .index-data .tabgoods .goodsgroup .textgooods .goods_detail_clone .goods_detail_tio .topPrice {
            display: block;
            height: 0.3733333333rem;
            font-size: 0.2933333333rem;
            line-height: 0.3733333333rem;
            color: #999;
            letter-spacing: -0.0133333333rem; }
            .index-data .tabgoods .goodsgroup .textgooods .goods_detail_clone .goods_detail_tio .topPrice span:nth-of-type(1) {
              padding-left: 0.0666666667rem; }
          .index-data .tabgoods .goodsgroup .textgooods .goods_detail_clone .goods_detail_tio .showVoteNum {
            display: block;
            margin-top: 0.2933333333rem;
            width: 3.8rem;
            height: 0.32rem;
            letter-spacing: 0.0266666667rem;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            font-size: 0.2933333333rem;
            line-height: 0.32rem;
            color: #999; }
            .index-data .tabgoods .goodsgroup .textgooods .goods_detail_clone .goods_detail_tio .showVoteNum em {
              color: #FF8E9C;
              letter-spacing: -0.0133333333rem; }
          .index-data .tabgoods .goodsgroup .textgooods .goods_detail_clone .goods_detail_tio .center_hide {
            margin-top: 0.6533333333rem !important; }
          .index-data .tabgoods .goodsgroup .textgooods .goods_detail_clone .voteright {
            position: absolute;
            bottom: 0.0266666667rem !important;
            right: 0.2666666667rem !important;
            z-index: 1 !important;
            font-size: 0.3466666667rem;
            line-height: 0.3733333333rem;
            color: #999999;
            height: 0.3733333333rem !important; }
          .index-data .tabgoods .goodsgroup .textgooods .goods_detail_clone .text_button {
            position: absolute;
            display: block !important;
            bottom: -0.0266666667rem !important;
            width: 2.5333333333rem !important;
            height: 0.6933333333rem !important;
            background-color: #FF8E9C !important;
            width: 2.5333333333rem;
            height: 0.6933333333rem;
            background: #FF8E9C no-repeat;
            border-radius: 0.6933333333rem !important;
            font-size: 0.32rem;
            line-height: 0.6933333333rem;
            color: #fff;
            text-align: center !important; }
          .index-data .tabgoods .goodsgroup .textgooods .goods_detail_clone .red {
            color: #FF8E9C; }
    .index-data .tabgoods .last {
      height: 5px; }
  .index-data .backsource {
    padding-top: 0.2133333333rem;
    padding-left: 0rem;
    padding-bottom: 25px;
    background-color: #f7f7f7;
    cursor: pointer; }
    .index-data .backsource .source_imggroup {
      position: relative;
      cursor: pointer; }
      .index-data .backsource .source_imggroup .source_default_groups {
        margin-bottom: 0.0266666667rem;
        position: relative;
        width: 10rem;
        height: 5.6266666667rem;
        background: none no-repeat; }
        .index-data .backsource .source_imggroup .source_default_groups .playicon {
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -0.72rem;
          margin-top: -0.72rem;
          width: 1.44rem;
          height: 1.44rem;
          background: none no-repeat; }
        .index-data .backsource .source_imggroup .source_default_groups .mask {
          position: absolute;
          bottom: 0;
          width: 10rem;
          height: 2.8133333333rem;
          background: none no-repeat;
          background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 100%); }
        .index-data .backsource .source_imggroup .source_default_groups .source_default {
          display: inline-block;
          width: 100%;
          height: 5.6266666667rem;
          background: none no-repeat; }
      .index-data .backsource .source_imggroup .source_imgdetail {
        width: 100%;
        height: 1.44rem;
        background: none no-repeat;
        padding-left: 0.4266666667rem;
        position: absolute;
        bottom: 0;
        z-index: 2;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #fff; }
        .index-data .backsource .source_imggroup .source_imgdetail strong {
          font-size: 0.4533333333rem;
          line-height: 0.64rem;
          color: #fff; }
        .index-data .backsource .source_imggroup .source_imgdetail .guest_source {
          margin-top: 0.08rem;
          margin-left: 0rem;
          font-size: 0.32rem;
          line-height: 0.4533333333rem;
          color: #fff; }
          .index-data .backsource .source_imggroup .source_imgdetail .guest_source .guest_count_img {
            width: 0.4533333333rem;
            height: 0.4266666667rem;
            background: none no-repeat;
            margin-right: 0.04rem;
            margin-top: 0.0266666667rem;
            cursor: pointer; }
          .index-data .backsource .source_imggroup .source_imgdetail .guest_source .guest_count {
            margin-left: 0.32rem; }
    .index-data .backsource .goodsgroup {
      width: 10rem;
      height: 2.5333333333rem;
      background: #fff no-repeat;
      padding-left: 0.2666666667rem;
      padding-top: 0.5333333333rem;
      border-bottom: .5px solid #EAEDEF;
      cursor: pointer; }
      .index-data .backsource .goodsgroup .source_imgdetail {
        color: #BDBDBD;
        width: 6.1866666667rem;
        height: auto;
        background: none no-repeat; }
        .index-data .backsource .goodsgroup .source_imgdetail .sourceTitle_group {
          height: 1.1733333333rem; }
          .index-data .backsource .goodsgroup .source_imgdetail .sourceTitle_group strong {
            font-size: 0.4266666667rem;
            line-height: 0.5866666667rem;
            color: #303030;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; }
        .index-data .backsource .goodsgroup .source_imgdetail .guest_source {
          width: auto;
          height: 0.4533333333rem;
          background: none no-repeat;
          margin-top: 0.08rem;
          cursor: pointer;
          color: #BDBDBD;
          font-size: 0.32rem;
          line-height: 0.4533333333rem;
          color: #BDBDBD; }
          .index-data .backsource .goodsgroup .source_imgdetail .guest_source img {
            width: 0.4533333333rem;
            height: 0.4266666667rem;
            background: none no-repeat;
            margin-right: 0.04rem;
            margin-top: 0.0133333333rem; }
          .index-data .backsource .goodsgroup .source_imgdetail .guest_source .guest_count {
            margin-left: 0.32rem;
            cursor: pointer; }
      .index-data .backsource .goodsgroup .goodsshort {
        margin-right: 0.2666666667rem;
        width: 2.8533333333rem;
        height: 1.6rem;
        background: none no-repeat;
        position: relative;
        cursor: pointer; }
        .index-data .backsource .goodsgroup .goodsshort .goodspic {
          display: inline-block;
          width: 2.8533333333rem;
          height: 1.6rem;
          background: none no-repeat;
          cursor: pointer;
          border-radius: 0.1066666667rem; }
        .index-data .backsource .goodsgroup .goodsshort .playpic {
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -0.3466666667rem;
          margin-top: -0.3466666667rem;
          width: 0.6933333333rem;
          height: 0.6933333333rem;
          background: none no-repeat;
          cursor: pointer; }
    .index-data .backsource .last {
      border-bottom: none; }

.red {
  color: #FF8E9C; }

.van-tabs__line {
  background-color: #FF8E9C !important;
  border-radius: 0 !important; }

.van-tabbar {
  width: 10rem; }

.none_data {
  width: 100%;
  position: absolute;
  left: 0;
  text-align: center;
  padding-bottom: 1.0666666667rem;
  color: #bf9595;
  font-size: 14px;
  margin-top: 1.0666666667rem; }
  .none_data img {
    display: inline-block;
    width: 57px;
    margin-bottom: 10px; }
  .none_data p {
    text-align: center;
    color: #999;
    font-family: '微软雅黑';
    font-size: 0.4rem;
    line-height: 0.6666666667rem;
    color: #999; }
